<p style="padding: 5px;"></p>
<nz-spin [nzSpinning]="loading">
<nz-card>
  <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="8">
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <nz-range-picker placeholder="选择日期" name="cdate" [nzFormat]="'yyyy-MM-dd'" 
            [(ngModel)]="q.fxjOut08"(ngModelChange)="dateChange($event)"></nz-range-picker>
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <!-- <nz-col nzMd="3" nzSm="24" *ngFor="let obX of list">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入公司" [(ngModel)]="obX.fxjx3" name="obX">
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入公司" [(ngModel)]="q.orderBy35" name="orderBy35">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入姓名" [(ngModel)]="q.cusName" name="cusName">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入身份证" [(ngModel)]="q.cusIncard" name="cusIncard">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入车牌" [(ngModel)]="q.orderCarno" name="orderCarno">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

      <nz-col nzMd="3" nzSm="24">
          <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="reloadBi()">{{'search' | translate}}</button>
      </nz-col>
    </nz-row>
  </form>
</nz-card>

<div nz-row [nzGutter]="24">
  
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="{{obj.fxjx3}}:{{obj.fxjx2}}" total="{{obj.fxjx4}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjx3}}:{{obj.fxjx2}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <!-- <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'已完成(笔)' | translate" total="{{workbench.fxjOut12}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'已完成(笔)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'初审通过(台数)' | translate" total="{{workbench.fxjOut13}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'初审通过(台数)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'复审通过(台数)' | translate" total="{{workbench.fxjOut14}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'复审通过(台数)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'已签约(台数)' | translate" total="{{workbench.fxjOut15}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'已签约(台数)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>


  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'逾期(台数)' | translate" total="{{workbench.fxjOut16}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'逾期(台数)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div> -->

  

</div>





<div nz-row [nzGutter]="24">

  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">

    <simple-table #st
                  [columns]="columns"
                  [data]="url"
                  [ps]="ps"
                  [extraParams]="q"
                  [resReName]="{ total: 'total', list: 'data'}"
                  [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                  toTopInChange
                  [showTotal]="true"
                  [showPagination]="true"
                  [showSizeChanger]="true"
                  [scroll]="{  x: '2400px' }"
    >


    </simple-table>
  </div>
</div>


</nz-spin>